<!-- 详情 -->
<template>
    <div class='about_wrapper'>
        <div class="yyxq">
            <p><span>申请人：{{DetailData.createUserName}}</span><span></span></p>
            <van-divider />
            <p><span>联系电话：</span><span>{{DetailData.phone}}</span></p>
            <van-divider />
            <p><span>纠纷类型：</span><span>{{DetailData.eventType}}</span></p>
        </div>
        <div class="sm">
            <p><span>申请内容：</span><span>{{DetailData.content}}</span></p>
            <van-divider />
            <p><span>预约时间：</span><span>{{DetailData.appointmentTime}}</span></p>
        </div>
    </div>
</template>

<script>
    export default {
        components: {
        },
        data() {
            return {
                DetailData:[]
            };
        },
        //方法集合
        methods: {
            PostDetail(v) {
                this.$router.push({
                    path: '/myKnockOutxq',
                });
            }
        },
        created() {
            this.DetailData = this.$route.query.Datas;
        }
    }
</script>
<style lang="scss" scoped>
    .about_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #e2e6ea;
        .yyxq {
            margin-top: 20px;
            padding: 1vw 5vw;
            background: #ffffff;
            p {
                margin-bottom: 20px;
            }
        }
        .sm {
            margin-top: 20px;
            padding: 1vw 5vw;
            background: #ffffff;
        }
    }
</style>